.m-react-nav-bar {
  width: 100%;
  height: 98px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.m-react-nav-bar.dark {
  background-color: #108ee9;
  color: #fff;
  font-size: 36px;
}
.m-react-nav-bar.light {
  background-color: #fff;
  color: #108ee9;
  font-size: 36px;
}
.m-react-nav-bar .m-react-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100%;
}
.m-react-nav-bar .m-react-center {
  flex: 1;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.m-react-nav-bar .m-react-right {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 100%;
}
